React生命周期

Mounting阶段

// 组件即将挂载的生命周期函数
componentWillMount(){}

// 执行渲染的函数
render(){}

// 组件完全挂载完成 表示可以操作DOM元素的生命周期
componentDidMount(){}

组件更新的阶段 触发更新的条件是state的改变与props的改变

// 父组件传递给子组件的props发生改变的时候触发（初始化父组件的时候是不会被执行的）
// 触发条件 1.一个组件需要从父组件接收参数 就是含有props 2.只要父组件的render函数被重新执行(就是初始化的时候是不会执行的)，子组件的这个生命周期就会被执行
componentWillReceiveProps(nextProps){ }


// 组件更新之前会被执行 门神函数 必须返回false 或者 true
shouldComponentUpdata(nextProps,nextState){

}

// 组件即将更新
componentWillUpdate(nextProps,nextState){

}

//渲染函数
render(){

}

// 组件更新完毕 可以获取到更新之前的props state
componentDidUpdate(prevProps,prevState){}

组件的销毁阶段

// 组件将要被销毁
componentWillUnmount(){

}

使用过程出现的问题

表单赋值 初始值的时候 如果里面的表单的值有模糊搜索的情况，就会出现里面的值被恢复到了初始值，原因是表单赋值的时候 我们直接绑定的value 而不是 defaultValue 如果是defaultValue 那么就只会出现一次赋值的情况

// 出现这种情况的前置条件 就是表单的初始值 是有父级通过props传递下去的 当父组件的state 或者 store 里面的值改变的时候，都会触发组件的重新渲染